<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>sessionStorage</title>
</head>

<body>
  <button onclick="saveData()">点我保存数据</button>
  <button onclick="readData()">点我读取数据</button>
  <button onclick="deleteData()">点我删除数据</button>
  <button onclick="clearData()">点我清空数据</button>
  <script type="text/javascript">
    let p = { name: "张三", age: 19 }
    function saveData () {
      sessionStorage.setItem('msg', "hello")
      sessionStorage.setItem('msg2', 666)
      sessionStorage.setItem('person', JSON.stringify(p))
    }
    function readData () {
      // console.log(typeof (sessionStorage.getItem('person')))
      const res = sessionStorage.getItem('person')
      console.log(JSON.parse(res))
    }
    function deleteData () {
      sessionStorage.removeItem('msg2')
    }
    function clearData () {
      sessionStorage.clear()
    }

  </script>


</body>

</html>